﻿@{
    Layout = "~/Views/Shared/HtmlBase.cshtml";
}
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/easySlider1.7.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $("#slider").easySlider({
            auto: true,
            continuous: true,
            prevText: '',
            nextText: '',
            pause: 5000
        });
    });
</script>

<div id = "bodybg">
    <div class="header_content" style="text-align:center">
        <div class="nav-logo" style="float: none;margin: 0;">
            <a href="/hello">减肥日记网</a>
        </div>
    </div>

    <div class="body_content" style="overflow: hidden">
        <div class="info-bar rounded">
            <div id="slider" class="maxim-review" style="margin-left: 25px;padding-top:10px;">
            <ul>
                <li class="float-left">
                    <div class="maxim_img" style="float: left;"><img style="margin-right: 25px;margin-top:15px;" src="../../Content/images/maxim1.jpg" /></div>
                    <div class="review-content" style="line-height: 20px;padding-right: 25px;width:500px;"><h2 style="font-size: 14px;color: #000000;font-weight: normal;padding-top: 5px;">无论如何，必须瘦！</h2><p style="font-size: 12px;color: #4e4e4e">不管年纪，漂亮是必须的。减肥也没有借口，你能把自己吃肥就一定能瘦下来。30多岁的女性应该比20岁女生更有智慧，你应该知道这个社会对女性多挑剔。必须瘦，不要想太多。</p></div>
                </li>
                <li class="float-left">
                    <div class="maxim_img" style="float: left;"><img style="margin-right: 25px;margin-top:15px;" src="../../Content/images/maxim2.jpg" /></div>
                    <div class="review-content" style="line-height: 20px;padding-right: 25px;width:550px;"><h2 style="font-size: 14px;color: #000000;font-weight: normal;padding-top: 5px;">减肥，做美丽的新娘！</h2><p style="font-size: 12px;color: #4e4e4e"> 减肥，不是无法企及的目标。像我这种从小就胖，又爱吃得MM，都能在短短几个月的时间内瘦身成功,其他同学一定能做的更好，愿与所有瘦身的朋友共勉，拥有健康快乐的人生!</p></div>
                </li>
                <li class="float-left">
                    <div class="maxim_img" style="float: left;"><img style="margin-right: 25px;margin-top:15px;" src="../../Content/images/maxim3.jpg" /></div>
                    <div class="review-content" style="line-height: 20px;padding-right: 25px;width:550px;"><h2 style="font-size: 14px;color: #000000;font-weight: normal;padding-top: 5px;">励志减肥</h2><p style="font-size: 12px;color: #4e4e4e">三月不减肥，四月徒伤悲，五月路人雷，六月男友没，七月被晒黑，八月待室内，九月更加肥，十月相亲累，十一月无人陪，十二月无三围，一月肉更肥，二月不知谁。芙蓉姐姐都瘦了，你还好意思胖下去吗！！</p></div>
                </li>
            </ul>
        </div>
        </div>

        <div class="singin-area rounded">
            <div class="welcome">
                <p style="font-size: 14px;">开始行动，从此不再做胖纸！</p>
                <p>减肥日记网是一个减肥日记社区，帮助人们记录自己的减肥历程，在此和一起减肥的人互相鼓励、交流和学习。</p>
            </div>
            <div class="register-btn">
                <a class="rounded" style="color: #f64747;"  href='@Url.Action("SignUp", "Account")'>注册</a>
            </div>
            <div class="sigin-btn">
                <a class="rounded" href='@Url.Action("SignIn", "Account")'>登录</a>
            </div>
        </div>

        <div class="doing-title">
            <p class="corner-bar">开始华丽的转身吧</p>
            <b class="divider-landing"></b>
        </div>

        <div class="step-landing">
            <ul>
                <li class="rounded" style="margin-top: 63px;">
                    <div class="step-picture">
                        <img alt="步骤一" src="../../Content/images/step1.png" />
                    </div>
                    <div class="step-word">
                        <p>1、制定一个饮食运动计划，并付诸真实行动。</p>
                    </div>
                </li>
                <li class="rounded">
                    <div class="step-picture">
                        <img alt="步骤二" src="../../Content/images/step2.png" />
                    </div>
                    <div class="step-word">
                        <p>2、每天锻炼完毕后，按真实情况写减肥日记。</p>
                    </div>
                </li>
                <li class="rounded">
                    <div class="step-picture">
                        <img alt="步骤三" src="../../Content/images/step3.png" />
                    </div>
                    <div class="step-word">
                        <p>3、跟进行相似减肥计划的人互相交流和鼓励。</p>
                    </div>
                </li>
            </ul>
        </div>

        <div class="doing-title corner-bar">
            <p class="corner-bar">他们正在努力</p>
            <b class="divider-landing"></b>
        </div>

        <div id="diary-list" class="landing-diary-list">
            <div class="diary rounded"></div>
            <div class="diary rounded"></div>
            <div class="diary rounded"></div>
        </div>
    </div>

    <div class="footer_content">
    
    </div>
</div>
